<template lang="">
  <div>
    <span class="tip" @click="showModal = true">过度效果的模态框</span>
    <Model :show="showModal" @close="showModal = false">
      <template #header>
        <h3>Customer Header</h3>
      </template>
    </Model>
  </div>
</template>
<script setup>
import Model from "../components/model.vue";
import { ref } from "vue";
const showModal = ref(true);
</script>
<style lang="">
.tip {
  cursor: pointer;
}
</style>
